<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div标记</title>
<style type="text/css">
.one{
	width:600px;               /*盒子模型的宽度*/
	height:50px;               /*盒子模型的高度*/
	background:#B08FB4;        /*盒子模型的背景*/
	font-size:20px;            /*设置字体大小*/
	font-weight:bold;          /*设置字体加粗*/
	text-align:center;         /*文本内容水平居中对齐*/
	}
.two{
	width:600px;               /*设置宽度*/
	background:#C1B0C6;        /*设置背景颜色*/
 	font-size:14px;            /*设置字体大小*/
	text-indent:2em;           /*设置首行文本缩进2字符*/
	}
</style>
</head>
<body>
<div class="one">
   国风·鄘风·相鼠
</div>
<div class="two">
    <p>相鼠有皮，人而无仪！人而无仪，不死何为？</p>
    <p>相鼠有齿，人而无止！人而无止，不死何俟？</p>
    <p>相鼠有体，人而无礼，人而无礼！胡不遄死？</p>
</div>
</body>
</html>